/*
* @Date: 2017-11-20
* @by: chenxiaomian
*/
body{background-color: #f5f5f5;}
/* 居中 */
.middle{width: 7.1rem;margin: 0 auto;}
/* 清楚浮动 */
.clearfix{clear: both;content: '';*zoom:1;}
.clearfix:after,.clearfix:before{display: table;content: "";line-height: 0;}
.clearfix:after{clear:both;}
/* 点击事件消除阴影 */
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.fl{float: left;}
.fr{float: right;}
.mr-none{margin-right: 0 !important;}
.ml-20{margin-left: 0.2rem !important;}
.c-de8220{background-color:#de8220;}
.c-f23d5f{background-color:#f23d5f;}
.c-eb6136{background-color:#eb6136;}
.bcolor-ffffff{background-color:#ffffff;}
.bcolor-4cbea7{background-color:#4cbea7;}
.shadow-none{box-shadow: none !important;}
.nav-fixed{position: fixed;top: 0;left: 0;z-index: 20;}
.p-b20{padding-bottom: 0.2rem;}
.m-t20{margin-top: 0.2rem;}
.m-b40{margin-bottom: 0.4rem;}
.dis-none{display: none;}
.text-r{text-align:right;}
.bg-f9f9f9{background: #f9f9f9 !important;}

h1.page-title{font-size: 0.36rem;color:#000;height:1.0rem;line-height:1.0rem;text-align: center;}
.wrap img{max-width: 100%;}
/* 轮播图 */
.company-swiper .swiper-slide{width: 100%;height: 4.9rem;}
.company-swiper .swiper-slide img{width: 100%;height: auto;}
.company-swiper .swiper-pagination-bullet{background: #e9f7f8;}
/* .company-swiper .swiper-pagination-bullet-active{background: #92d9db !important;} */

/* 通用标题 */
.com-wrap{padding-bottom: 0.2rem;margin-top: 0.2rem;background:#fff; overflow: hidden;}
.com-space{padding:0 0.2rem;}
.com-title{width:100%;height: 0.72rem;position: relative;}
.com-title::after{content: '';width: 200%;height: 200%;position: absolute;top:0;left:0;border-bottom: 1px solid #f5f5f5;-webkit-transform: scale(0.5,0.5);-moz-transform: scale(0.5,0.5);-ms-transform: scale(0.5,0.5);-o-transform: scale(0.5,0.5);transform: scale(0.5,0.5);-webkit-transform-origin: top left;}
.com-title>h3{height: 0.48rem;width: 32%;margin-top: 0.12rem;float: left;z-index: 1;}
.title-scene{background: url(/webpack-test/src/img/wap/company/cjcg.png) no-repeat left center;background-size:auto 100%;}
.title-group{background: url(/webpack-test/src/img/wap/company/tgpt.png) no-repeat left center;background-size:auto 100%;}
.title-activity{background: url(/webpack-test/src/img/wap/company/zxhd.png) no-repeat left center;background-size:auto 100%;}
.title-handpick{background: url(/webpack-test/src/img/wap/company/jxtj.png) no-repeat left center;background-size:auto 100%;}
.com-title>span,.com-title>a{display: block;float: right;color:#ababab;line-height: 0.4rem;margin-top: 0.24rem;font-size:0.24rem;text-align: right;}
.slogan-scene{padding-left: 0.42rem;background: url(/webpack-test/src/img/wap/company/scene-icon.png) no-repeat left top;background-size:auto 0.32rem;}
.slogan-activity{padding-left: 0.42rem;background: url(/webpack-test/src/img/wap/company/act-icon.png) no-repeat left top;background-size:auto 0.32rem;}
.slogan-handpick{padding-right: 0.28rem;background: url(/webpack-test/src/img/wap/company/handpick-more.png) no-repeat right center;background-size:auto 0.24rem;position: relative;z-index: 5;}
.slogan-group{display: block;float: right;color:#ababab;line-height: 0.4rem;margin-top: 0.24rem;font-size:0.24rem;text-align: right;}
.slogan-group b{color:#25b3b7;font-weight: bold;font-size: 0.28rem;padding: 0 0.04rem;}


/* 场景采购 */
.adv-intro{display: -webkit-box;display: flex;margin-top: 0.2rem;}
.adv-intro .adv-item{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex:1;padding:0.1rem;position: relative;}
.adv-intro .adv-item::after{content: '';width: 200%;height: 200%;position: absolute;top:0;left:0;border-radius: 0.2rem;border: 1px solid #bfffff;-webkit-transform: scale(0.5,0.5);-moz-transform: scale(0.5,0.5);-ms-transform: scale(0.5,0.5);-o-transform: scale(0.5,0.5);transform: scale(0.5,0.5);-webkit-transform-origin: top left;}
.adv-intro .adv-item:nth-child(2){margin:0 0.2rem;}
.adv-intro .adv-item img{width: 100%;display: block;}

/* 滑块 */
.adv-slider{margin-top: 0.2rem;width: 100%;position: relative;height: 2.0rem;}
.adv-slider .adv-block{position:absolute;top:0;-webkit-transition: all .2s ease;}
.adv-slider .adv-block span{opacity:0;-webkit-transition: all .2s ease;}
.adv-slider .adv-block.active span{opacity:1;}
.adv-slider .adv-block:nth-child(1){width: 100%;height: 2.0rem;left:0;background: url(/webpack-test/src/img/wap/company/block-dch.png) no-repeat -10% center;background-size:auto 98%;}
.adv-slider .adv-block:nth-child(1) span{position:absolute;top:25%;left:15%;width: 60%;height: 50%;background: url(/webpack-test/src/img/wap/company/block-dch-desc.png) no-repeat left center;background-size:auto 98%;}
.adv-slider .adv-block:nth-child(2){width: 100%;height: 2.0rem;left:45%;background: url(/webpack-test/src/img/wap/company/block-dqg.png) no-repeat left center;background-size:auto 100%;}
.adv-slider .adv-block:nth-child(2) span{position:absolute;top:25%;left:16%;width: 60%;height: 50%;background: url(/webpack-test/src/img/wap/company/block-dqg-desc.png) no-repeat left center;background-size:auto 98%;}
.adv-slider .adv-block:nth-child(3){width: 100%;height: 2.0rem;left:63%;background: url(/webpack-test/src/img/wap/company/block-zqg.png) no-repeat left center;background-size:auto 100%;}
.adv-slider .adv-block:nth-child(3) span{position:absolute;top:25%;left:16%;width: 60%;height: 50%;background: url(/webpack-test/src/img/wap/company/block-zqg-desc.png) no-repeat left center;background-size:auto 98%;}
.adv-slider .adv-block:nth-child(4){width: 100%;height: 2.0rem;left:80%;background: url(/webpack-test/src/img/wap/company/block-zxj.png) no-repeat left center;background-size:auto 100%;}
.adv-slider .adv-block:nth-child(4) span{position:absolute;top:25%;left:16%;width: 60%;height: 50%;background: url(/webpack-test/src/img/wap/company/block-zxj-desc.png) no-repeat left center;background-size:auto 98%;}
.adv-slider.adv-pink .adv-block:nth-child(2){left:15%;}
.adv-slider.adv-lblue .adv-block:nth-child(2){left:15%;}
.adv-slider.adv-lblue .adv-block:nth-child(3){left:30%;}
.adv-slider.adv-green .adv-block:nth-child(2){left:15%;}
.adv-slider.adv-green .adv-block:nth-child(3){left:30%;}
.adv-slider.adv-green .adv-block:nth-child(4){left:45%;}

/* 团购拼团 */
.group-goods{width: 100%;overflow: hidden;padding-top: 0.2rem;}
.group-goods li{display: block;width: 48.5%;margin-right:3%;padding:0.2rem;float: left;box-sizing:border-box;background: #f9f9f9;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;margin-bottom: 0.2rem;}
.group-goods li a{display: block;}
.group-goods li:nth-child(even){margin-right: 0;}
.group-goods .info{padding-top: 0.2rem;}
.group-goods .info h4{font-size: 0.32rem;color: #333;font-weight: normal;position: relative;padding-bottom: 0.2rem;line-height: 0.4rem;height: 0.4rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap}
.group-goods .info h4>i{display: block;width: 0.2rem;height: 0.04rem;background: #f5b2aa;position: absolute;left:0;bottom: 0rem;}
.group-goods .price{color: #26b3b8;font-size: 0.28rem;margin-top: 0.2rem;}
.group-goods .price>span{font-size: 0.36rem;padding: 0 0.06rem;}
.btn-buy{width: 1.58rem;height: 0.48rem;display: block;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;border:1px solid #f7b3aa;margin-top: 0.2rem;font-size: 0.24rem;line-height: 0.48rem;padding-left:0.2rem;background: url(/webpack-test/src/img/wap/company/buy-icon.png) no-repeat 90% center;background-size:auto 0.32rem;color: #979797;}
.btn-buy.block{background: url(/webpack-test/src/img/wap/company/buy-icon2.png) #f6b1aa no-repeat 90% center;background-size:auto 0.32rem;color: #fff;border-color: #f6b1aa;}

/* 活动轮播图 */
.activity-swiper{margin-top: 0.2rem;}
.activity-swiper .swiper-slide{width: 75%;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;border:1px solid #7ffffe;margin:0 0.1rem;}
.activity-swiper .swiper-slide img{max-height: 3.6rem;display: block;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;}

/* 精选推荐 */
.c-999{color: #999 !important;}
.recommend{padding:0.2rem;background: #c5e7d6;overflow: hidden;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;margin-top: 0.2rem;}
.recommend a{display: block;width:100%;overflow: hidden;}
.recommend .pic{width: 2.5rem;height: 2.5rem;flex:0 0 2.5rem;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;float:left;}
.recommend .pic img{display: block;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;}
.recommend .info{margin-top: 0.1rem;float: right;width: 56%;}
.recommend .info h4{font-size: 0.32rem;color: #333;font-weight: normal;position: relative;padding-bottom: 0.2rem;line-height: 0.4rem;height: 0.4rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;}
.recommend .info h4>i{display: block;width: 0.2rem;height: 0.04rem;background: #f5b2aa;position: absolute;left:0;bottom: 0rem;}
.recommend .desc{color: #777;width:100%;font-size: 0.28rem;margin-top: 0.2rem;height: 0.32rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;}

.recommend-list{margin-top: 0.2rem;}
.recommend-list li{width: 32%;margin-right:1%;float: left;display: block;border:1px solid #f1f1f1;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;margin-bottom: 0.2rem;}
.recommend-list li:nth-child(3){margin-right: 0;}
.recommend-list li a{display: block;}
.recommend-list .pic{-webkit-border-radius: 0.1rem;border-radius: 0.1rem;}
.recommend-list .pic img{display: block;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;}
.recommend-list .info{padding:0.2rem;}
.recommend-list .info h4{font-size: 0.32rem;color: #333;font-weight: normal;position: relative;padding-bottom: 0.2rem;line-height: 0.4rem;height: 0.4rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;}
.recommend-list .info h4>i{display: block;width: 0.2rem;height: 0.04rem;background: #f5b2aa;position: absolute;left:0;bottom: 0rem;}
.recommend-list .desc{color: #777;width:100%;font-size: 0.28rem;margin-top: 0.2rem;height: 0.32rem;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap;}